﻿@charset "utf-8";
body,div,hr,p,blockquote,ul,ol,li,table,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea,fieldset,legend,ins,menu{margin:0;padding:0;}
body,button,input,label,select,option,textarea,button,fieldset,legend,ins,sup{font:14px/1.5      \5FAE\8F6F\96C5\9ED1,Verdana,Tahoma,Arial,\5b8b\4f53;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
ul,ol{list-style:none;}
address,cite,dfn,em,var{font-style:normal;}
a:visited{background-color: none;}a:active{background-color: none;}a{ color:#333; text-decoration:none;}
a:hover{ color:#f82f08; text-decoration:underline;}
img{ border:none;}
body{ background-color:#fff; color:#333;_position:relative;font-family: "微软雅黑"}
article, aside, dialog, footer, header, section, footer, nav, figure, menu{display: block;}.clear{clear: both;}*{margin: 0;padding: 0;}

.header{width: 100%;height: 120px;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 10;}.header-wrap{width: 1200px;height: 120px;margin: 0 auto;}
.header-logo{width: 121px;height: 75px;float: left;margin-top:30px;}.header-logo a{width: 100%;height: 100%;display: inline-block;}.header-nav{float: left;height: 120px;font-size: 10px;margin-left: 50px;}.header-nav a{color: #818181;display: inline-block;line-height: 120px;font-size: 18px;text-align: center;width: 125px;}.header-nav .active{color: #f15467!important;font-weight: 700!important;}

.footer{width: 100%;height: 297px;}.footer-nav{text-align: center;padding-top: 72px;height: 24px;color: #fff;width: 100%;font-size: 24px;}.footer-nav a{display: inline-block;font-size: 24px;padding: 0 26px;color: #fff;}
.foot-vice-nav{margin-top: 88px;width: 100%;text-align: center;color: #fff;font-size: 18px;height: 24px;}.foot-vice-nav a{color: #fff;font-size: 18px;padding: 0 13px;}.foot-copyright{width: 100%;margin-top: 20px;}.foot-copyright div{width: 100%;margin-bottom: 8px;text-align: center;font-size: 18px;line-height: 18px;color: #fff;}.foot-copyright a{color: #fff;}.foot-copyright a:hover{text-decoration: underline;color: #fff;}
.nav{width: 100%;height: 40px;background-color: #f05368;position: fixed;left: 0;top: 120px;z-index: 2;}.nav-cont{width: 1200px;height: 100%;margin: 0 auto;}.nav-left{height: 100%;float: left;}.nav-right{height: 100%;float: right;}.nav-cont a{display: inline-block;height: 100%;line-height: 40px;font-size: 16px;color: #fff;letter-spacing:1px;padding: 0 7px;vertical-align: middle;}.nav-cont a:hover{text-decoration: none;background-color: #de365a;color: #fff;}.nav-cont a.active{background-color: #de365a;}.nav-cont a span{width: 30px;height: 30px;display: inline-block;margin-top: 5px;}.nav-cont a span img{width: 30px;height: 30px;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius: 15px;display: inline-block;}

.login-dialog{width: 571px;height: 306px;background: url(../images/bg.png) no-repeat 0px 0px;position: absolute;z-index: 9999;padding-top: 52px;}.login-dialog-close{width: 28px;height: 28px;position: absolute;right: 14px;top: 14px;}.login-dialog-close a{width: 100%;height: 100%;display: inline-block;background: url(../images/close.png) no-repeat 0 0;}
.login-dialog-logo{width: 121px;height: 52px;margin: 0 auto;}.login-dialog-logo a{width: 100%;height: 100%;display: inline-block;background: url(../images/logo.png) no-repeat 0 0;}.login-dialog-desc{width: 250px;height: 20px;margin: 88px auto 0 auto;}.login-dialog-line{width: 73px;height: 10px;border-top: 1px solid #ddd;margin-top: 10px;float: left;_display:inline-block;}.login-dialog-text{width: 104px;text-align: center;height: 20px;line-height: 20px;font-size: 20px;color: #6d6d6f;font-family: "微软雅黑";_display:inline-block;float: left;}
.login-dialog-btn{width: 143px;height: 55px;margin: 26px auto 0 auto;}.login-dialog-btn a{width: 55px;height: 55px;display: inline-block;float: left;}.login-dialog-weibo{background: url(../images/weibo.png) no-repeat 0 0;}.login-dialog-qq{background: url(../images/qq.png) no-repeat 0 0;margin-left: 33px;}

.loading-more{width: 1200px;height: 30px;margin-left: auto;margin-right: auto;}.loading-line{width: 571px;height: 15px;border-top: 1px solid #939598; float: left;margin-top: 15px;_display:inline-block;}.loading-img{float: left;width: 30px;height: 30px;margin: 0 14px;_display:inline-block;}.loading-img img{width: 100%;height: 100%;display: block;}

.mgp-dialog{width: 570px;background-color: #fff;padding: 78px 0 64px 0;}.mgp-dialog-close{position: absolute;right: 10px;top: 10px;width: 28px;height: 28px;}.mgp-dialog-close a{width: 100%;height: 100%;display: inline-block;background: url(../images/close.png) no-repeat 0 0;}
.mgp-dialog-title{height: 20px;line-height: 20px;font-size: 20px;width: 100%;text-align: center;color: #60c3be;}.mgp-dialog-content{margin-top: 20px;width: 100%;}.mgp-dialog-text{width: 100%;height: 18px;line-height: 18px;font-size: 18px;color: #6d6e71;text-align: center;}
.mgp-dialog-footer{margin-top: 82px;height: 14px;text-align: center;}.mgp-dialog-footer a{width: 56px; height: 22px;line-height: 22px;font-size: 14px;text-align: center;color: #fff;display: inline-block;}.mgp-dialog-footer a:hover{text-decoration: none;}.mgp-dialog-submit{background-color: #f05368;}.mgp-dialog-cancel{background-color: #5cc4bd;margin-right: 18px;}

.menu-download {
  float: right;
  height: 120px;
  line-height: 120px;
}
.menu-download a.download-flag{
  font-size: 18px;
  font-weight: 100;
  width: 125px;
  display: inline-block;
  color: #fff;
  text-align: center;
}

.pageTop .header-nav a.download-flag {
  color: #fff;
}
.download-flag .red-area {
  background: #ff2741;
  float: right;
  top: 10px;
  height: 30px;
  width: 90px;
  font-size: 14px;
  position: relative;
  line-height: 30px;
  border-radius: 4px;
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;
}
.red-area .qrcode {
  position: absolute;
  box-sizing: border-box;
  z-index: 100;
  overflow: hidden;
  padding: 0;
  top: -1px;
  left: 100px;
  width: 0;
  background: #fff;
  max-height: 0;
  transition: all 0.1s;
  line-height: 15px;
}
.red-area .qrcode.active {
  padding: 10px 10px 0 ;
  width: 170px;
  padding: 10px;
  max-height: 300px;
  border: 1px solid #333;
  border-radius: 2px;
}
.qrcode .qr-img{
  width: 100%;
}
a.download-flag:hover {
  cursor: default;
}
.qrcode span {
  font-size: 14px;
  line-height: 16px;
  color: #000;
}
.qrcode .qr-desc {
  font-size: 16px;
  line-height: 20px;
}
.qr-flag {
  display: inline-block;
  margin-left: 10px;
}
.qr-mini{
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  margin-top: 46px;
}
.modal-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: none;
}
.mask {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
.modal.download-popup{
  position:absolute;
  left: 50%;
  top:50%;
  background: #fff;
  border-radius: 12px;
  margin-left: -300px;
  margin-top: -190px;
  width: 600px;
  height: 380px;
  padding: 18px;
}
.xhs-logo {
  width: 100px;
}
.modal .qr-code {
  display: block;
  position: absolute;
  width: 160px;
  top: 85px;
  left: 50%;
  margin-left: -80px;
}
.modal .bottom-area {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 47px;
  text-align: center;
}
.bottom-area .download-desc {
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.bottom-area .download-desc .red {
  color: #FF2741;
}
.bottom-area .slogan {
  margin: 15px;
  font-size: 14px;
}
.header-logo img {
  width: 120px;
}
